<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DialShaddi.com</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="bodyconatiner" class="rel" >
  <!-- Start Header Part  -->
  <div id="header">
    <div class="fl logo"><a href="#"><img src="images/logo.png" alt="" border="0" /></a></div>
    <div class="fr search">
      <div class="inner"><span class="fl">Search Here</span>
        <input type="text" value="I am looking for" class="searchbox" />
        <input type="submit" value="" class="searchbtn" />
        <div class="cl"></div>
      </div>
    </div>
    <div class="cl"></div>
  </div>
  <!-- End Header Part  -->
  <!--Start Middle  Part  -->
  <div class="centerimg">
    <div class="abs rightbtn"> <a href="#"><img src="images/spacer.gif" align="left" class="gift" /></a><br class="cl" />
      <a href="#"><img src="images/spacer.gif" align="left" class="hotdeal" /></a> </div>
    <!--Start Navigation -->
    <div class="Nav">
      <ul>  <li><a href="venues.html">Venues</a></li>
        <li><a href="#"  class="selected">Packages</a></li>
        <li><a href="#">My Weddings</a></li>
        <li><a href="#">Showcase</a></li>
        <li><a href="#">She - He</a></li>
        <div class="cl"></div>
      </ul>
    </div>
    <!--End Navigation -->
    <!--Start Middle  Part  -->
    <div>
     <!-- Search Summary start -->
     <div class="SearchSummary">
        <div class="left">
        	<h3>Refine Your Search</h3>
            <div class="refineby">
                	<label class="fl">Refine By People:</label>
                    <div class="fl slider"><span>Between 300 to 700</span><br />
							<img src="images/slider1.jpg" alt="" />
                    </div>
                    <div class="cl"></div>
                </div>
                
                
                <div class="refineby">
                	<label class="fl">Refine By Budget:</label>
                    <div class="fl slider"><span>Between 300 to 700</span><br />
							<img src="images/slider2.jpg" alt="" />
                    </div>
                    <div class="cl"></div>
                </div>
            </div>
       
       
       
        <div class="right">
        		<h3>Your Search Summary <span><a href="#">Edit</a></span></h3>
                <div class="cl"></div>
                <ul>
                <li><span>Country :</span> India</li>
                <li><span>By People :</span> 500</li>
                <li><span>City :</span> New Delhi</li>
                <li><span>By Category :</span> Dummy text</li>
                <li><span>By Theme :</span> Royal</li>
                <li><span>By Budgets :</span> Dummy text</li>
                <div class="cl"></div>
                </ul>
            
            </div>
        <div class="cl"></div>	
    </div>
    <!--  Search Summary end -->
   
    <!-- Start Paging Search -->  
    <div class="paging">
    		<div class="fl left">
            	<h3>About <span>29 results</span> found your match</h3>
                <div class="fr">
                	<label>Sort by :</label>
                    <select class="dropdown premium"><option>Premium Listings</option></select>
                    <div class="cl"></div>
              </div>
                <div class="cl"></div>
                
        </div>
            
            <div class="fr pagination">
             <label class="mrgR10">Showing Records: <strong>1 to 6</strong> of 29</label>
            <label>Sort by :</label>
           <a href="#"><img src="images/spacer.gif" alt="" class="arrowleft" /></a>
           <a href="#"><img src="images/spacer.gif" alt="" class="arrowright" /></a>
            	
        </div>
               <div class="cl"></div>
      </div>
    <!-- End Paging Search -->
    
    <div class="packagethumb">
    		
            <div class="thumb">
            		<div class="heading"><span class="txt">Royal Wedding lorem ipsum</span>
                    <span class="fr"><a href="#"><img src="images/spacer.gif" alt="" class="choose" /></a></span><div class="cl"></div></div>
                    
                    
                    <div class="img"><img src="images/package-thumb.jpg" alt="" /></div>
                    <div class="actions">
                     <a href="#"><img src="images/spacer.gif" alt="" class="info disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="rate disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="pic disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="money disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="addto disable" /></a>
                    <div class="cl"></div>
                    </div>
                    
                    
        </div>
                    
                    <div class="thumb spacingR">
            		<div class="heading"><span class="txt">Royal Wedding lorem ipsum</span>
                    <span class="fr"><a href="#"><img src="images/spacer.gif" alt="" class="choose" /></a></span><div class="cl"></div></div>
                    
                    
                    <div class="img"><img src="images/package-thumb.jpg" alt="" /></div>
                    <div class="actions">
                     <a href="#"><img src="images/spacer.gif" alt="" class="info disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="rate disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="pic disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="money disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="addto disable" /></a>
                    <div class="cl"></div>
                    </div>
                    
                    </div>
                    
                    <div class="thumb">
            		<div class="heading"><span class="txt">Royal Wedding lorem ipsum</span>
                    <span class="fr"><a href="#"><img src="images/spacer.gif" alt="" class="choose" /></a></span><div class="cl"></div></div>
                    
                    
                    <div class="img"><img src="images/package-thumb.jpg" alt="" /></div>
                
                    <div class="actions">
                    <a href="#"><img src="images/spacer.gif" alt="" class="info disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="rate disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="pic disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="money disable" /></a>
                    <a href="#"><img src="images/spacer.gif" alt="" class="addto disable" /></a>
                  
                    <div class="cl"></div>
                    </div>
                    
                    </div>
                    
               
            <div class="cl"></div>
            
            <div class="thumbDiscription">
            		<div class="joint">&nbsp;</div>
                    
                   		<div class="description">
                        	<h3>Description</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
                           <a href="#" class="viewbtn txtdecoration fr">close [-]</a>
                           <div class="cl"></div>
                            </div>
                        </div>
				
            
      </div>
      
      
        <!-- Start Paging Search -->  
    <div class="paging bottom">
    	<div class="fl left">
        	<ul>
            <li><a href="#" class="selected">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li class="bnone"><a href="#"> > </a></li>
            </ul>
            </div>
        <div class="fr right">   <a href="#"><img src="images/spacer.gif" alt="" class="previous" /></a>    <a href="#"><img src="images/spacer.gif" alt="" class="next" /></a></div>
      </div>
      <div class="cl"></div>
    <!-- End Paging Search -->
    
    
    <div class="btmcontainer">
    	<div class="fl"><img src="images/btmbanner.jpg" alt="" /></div>
        <div class="fr">
        	<div class="blogs"><div class="fl"><img src="images/themethumb.jpg" align="left" alt="" class="thumb" /> </div>
            <div class="fl content">
            	<h3>Theme Packages</h3>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when .. </p>
                <a href="#" class="viewbtn">View Details</a>
                </div>
                
                <div class="cl"></div></div>
                
                
                <div class="blogs bnone"><div class="fl"><img src="images/themethumb.jpg" align="left" alt="" class="thumb" /> </div>
            <div class="fl content">
            	<h3>Theme Packages</h3>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when .. </p>
                <a href="#" class="viewbtn">View Details</a>
                </div>
                
                <div class="cl"></div></div>
                
            
            </div>
        <div class="cl"></div>
        
        </div>
    
  </div>
  <!--End Middle  Part  -->
</div>

</div>
<!--Start Bottom or Footer  Part  -->
<div id="FooterBG">
  <div id="Botcontainer">
    <ul class="innerLinks">
      <li class="quicklink"><a href="#"> <img src="images/spacer.gif" alt="" />Quick Link</a></li>
      <li><a href="#">Lattest News<br />
        <span>Celebrity Wedding</span></a></li>
      <li><a href="#">Photo Gallery<br />
        <span>Real Wedding images</span></a></li>
      <li><a href="#">Customised Wedding Websites</a></li>
      <li><a href="#">More links</a></li>
      <li  class="bnone"><a href="#">More links</a></li>
    </ul>
    <div class="cl"></div>
  </div>
  <div id="footer">
    <div class="left">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About us</a></li>
        <li><a href="#">Our Services</a></li>
        <li><a href="#">Careers</a></li>
        <li><a href="#">Faq's</a></li>
        <li><a href="#">Contact us</a></li>
        <li><a href="#">Sitemap</a></li>
        <li><a href="#">Privacy Policy</a></li>
        <li class="bnone"><a href="#">Disclaimer</a></li>
      </ul>
      <div class="cl"></div>
      &copy; Copyright 2011 Dial Shaadi. All Right Reserved Dial Shaadi.com </div>
    <div class="right">
      <ul>
        <li class="weddingtips"><a href="#"><img src="images/spacer.gif" align="left" /></a></li>
        <li class="livechat"><a href="#"><img src="images/spacer.gif" align="left" /></a></li>
        <li class="joinus">Join Now<br />
          <a href="#"><img src="images/spacer.gif" align="left" class="FB" /></a> <a href="#"><img src="images/spacer.gif" align="left" class="Twit" /></a></li>
        <li class="login"><a href="#"><img src="images/spacer.gif" align="left" /> Login</a></li>
      </ul>
    </div>
    <div class="cl"></div>
  </div>
</div>
<!--End Bottom or Footer  Part  -->
</body>
</html>
